// 封装处理图片异常指令

export const imgerror = {

  inserted(el, binding) {
    // console.log(el, binding)
    el.onerror = function() {
      // 图片出错的情况下会触发该函数
      // 所以出错了我们可以设置默认图片
      el.src = binding.value
    }

    // 如果图片为空的情况下不会报错,需要另外设置默认值
    el.src = el.src || binding.value
  },
  // 上面的函数只是在组件初始渲染的时候触发一次，如果我们切换页面等的时候不会触发，所以为了实现触发，我们需要另外设置钩子函数
  // update(){}   //这个函数虽然是可以在数据变化的时候触发，但是不一定能够监听到子组件的数据而触发
  // 所以在这里我们使用
  componentUpdated(el, binding) {
    // 检查员工头像是否存在
    el.src = el.src || binding.value
  }

}

